﻿<phone:PhoneApplicationPage
    
    x:Class="VideoMix.Views.DetailPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:LART="clr-namespace:OnlineVideos"
    xmlns:my="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False">
    <phone:PhoneApplicationPage.Resources>
        <shell:ApplicationBar x:Key="appBarforvideopivot">
            <shell:ApplicationBarIconButton x:Name="appbariconaddvideos" IconUri="/Images/appbar.add.png" Text="add videos"  Click="appbariconaddvideos_Click_1"/>
            <shell:ApplicationBarIconButton x:Name="appbariconplayvideomix"   IconUri="/Images/appbar.transport.play.rest.png" Text="Play mix" Click="appbariconplayvideomix_Click_1"/>
        </shell:ApplicationBar>
        <shell:ApplicationBar x:Key="appBarfordetailpivot">
            <shell:ApplicationBarIconButton x:Name="appbariconedit" IconUri="/Images/edit.png" Text="edit"  Click="appbariconedit_Click_1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/MainMenu/online.png" Text="Share Mix" Click="sharevideomix_Click"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="sharevideomix" Text="Share video mix" Click="sharevideomix_Click" />
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.Resources>


    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="mainGrid" Background="{StaticResource bipivot}">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="80"/>
        </Grid.RowDefinitions>
        <Grid x:Name="LayoutRoot" Background="Transparent">
            <!--Pivot Control-->
            <phone:Pivot x:Name="pvtMainDetails" SelectionChanged="pvtMainDetails_SelectionChanged_1">
                <phone:Pivot.Title>
                    <StackPanel Orientation="Horizontal" Margin="0,0,0,0">
                      <Image Style="{StaticResource DetailPagePivotTitleImage}" x:Name="imgTitle"/>
                        <TextBlock x:Name="tblkVideosTitle" TextWrapping="NoWrap" Style="{StaticResource DetailPagePivotTitle}" />
                    </StackPanel>
                </phone:Pivot.Title>
                <phone:Pivot.Foreground>
                    white
                </phone:Pivot.Foreground>

                <!--Pivot item one-->
                <phone:PivotItem x:Name="pvtitmDetail" Header="detail">
                    <Grid x:Name="DetailGrid">
                        <LART:ShowDescription x:Name="showDesc" />
                      
                    </Grid>
                </phone:PivotItem>

                <!--Pivot item four-->

                <phone:PivotItem x:Name="pvtitmSongs" Header="videos">
                    <StackPanel Orientation="Vertical">

                        <Grid x:Name="SongsGrid">
                        <LART:ShowVideos x:Name="VideoList" />
                    </Grid>
                        <Canvas >
                            <Image Source="/Images/ImgHelpLine.png" Canvas.Top="300" Canvas.Left="150" Visibility="Collapsed" x:Name="ImgHelpLine"   Width="160" Height="50" MouseLeftButtonDown="ImgHelpLine_MouseLeftButtonDown_1"></Image>
                     </Canvas>
                    </StackPanel>
                </phone:PivotItem>

            </phone:Pivot>
            <toolkit:PerformanceProgressBar
            VerticalAlignment="Bottom"
            x:Name="performanceProgressBar"/>
        </Grid>
        <StackPanel Name="adstaCast" Grid.Row="1" Orientation="Vertical" Margin="-4,10,0,0" >
        </StackPanel>
    </Grid>


    <!--Sample code showing usage of ApplicationBar-->

    <phone:PhoneApplicationPage.ApplicationBar>

        <shell:ApplicationBar x:Name="appmenu" IsVisible="True" IsMenuEnabled="True">

            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="share" Text="Share this Web Tile" Click="share_Click" />
               

            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
</phone:PhoneApplicationPage>


